<template>
<div>
    <h2 style="text-align: center;">登录页面</h2>
    <table border="1">
        <tr>
            <td>用户名</td>
            <td>
                <input type="text" placeholder="请输入用户名" v-model="info.Uname">
            </td>
        </tr>
    
        <tr>
            <td>密码</td>
            <td>
                <input type="password" placeholder="请输入密码" v-model="info.Upwd">
            </td>
        </tr>
    
        <tr>
            <td colspan="2" style="text-align: center;">
                <input type="button" value="登录" @click="SaveData">
            </td>
        </tr>
    </table>    
</div>
</template>
        
<script setup lang="ts">
import {ref} from 'vue';
import axios from 'axios';
import {useRouter} from 'vue-router';
import {useUserStore} from '../../store/index.ts';

//创建仓库实例
const useStore=useUserStore();
        
//创建路由实例
const router=useRouter();
    
//创建响应式数据
const info=ref({
    Uname:"",
    Upwd:""
})
    
//完成登录功能
const SaveData=()=>{
    axios.get("https://localhost:44309/api/BorrowUser/UserLogin",
        {
            params:{
                Uname:info.value.Uname,
                Upwd:info.value.Upwd
            }
        }
    )
    .then(res=>{
        if(res.data.T_Code==0)
        {
            alert(res.data.T_Msg);
        }
        else if(res.data.T_Code==1)
        {
            alert(res.data.T_Msg);
        }
        else if(res.data.T_Code==2)
        {
            alert(res.data.T_Msg);
            //登录成功将用户编号保存到仓库中
            useStore.Uid=res.data.T_Info[0].U_Id;
            //判断用户类型
            LoadType(res.data.T_Info[0].U_Id);
        }
    })
    .catch(error=>{
        console.log(error)
    })
}

//判断用户是什么登录
const LoadType=(Uid:string)=>{
    axios.get("https://localhost:44309/api/BorrowUser/GetUsetType",
        {
            params:{
                Uid:Uid
            }
        }
    )
    .then(res=>{
        if(res.data[0].UT_Name=="管理员")
        {
            alert('欢迎管理员登录');
            router.push("/AdminBorrow")
        }
        else if(res.data[0].UT_Name=="用户")
        {
            alert('欢迎用户登录!!!')
            router.push("/ShowUserBorrow")
        }
    })
    .catch(error=>{
        console.log(error);
    })
}
</script>